let footer =`<footer>
<div class="footer center">
  <!-- 提供服务 -->
  <ul class="service">
    <li>
      <span class="fl"></span>
      <div class="service-content fl">
        <h3>正品保障</h3>
        <p>正品保障，提供发票</p>
      </div>
    </li>
    <li>
      <span class="fl"></span>
      <div class="service-content fl">
        <h3>快速送达</h3>
        <p>极致物流，快速送达</p>
      </div>
    </li>
    <li>
      <span class="fl"></span>
      <div class="service-content fl">
        <h3>
          品质好物</h3>
        <p>品质好物，优质服务</p>
      </div>
    </li>
    <li>
      <span class="fl"></span>
      <div class="service-content fl">
        <h3>品质保证</h3>
        <p>百强企业，品质保证</p>
      </div>
    </li>
    <li>
      <span class="fl"></span>
      <div class="service-content fl">
        <h3>维修服务</h3>
        <p>维修服务，预约维修</p>
      </div>
    </li>
  </ul>
  <!-- 购物指南 -->
  <div class="help">
    <!-- 列表分为：有序、无序、自定义
    有序：用ol li
    无序：用ul li
    自定义：用dl dt（标题） dd（内容）
  一般用于名词解释或分来说明 -->
    <dl>
      <dt>购物指南</dt>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">常见问题</a></dd>
      <dd><a href="#">客户服务</a></dd>
    </dl>
    <dl>
      <dt>购物指南</dt>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">常见问题</a></dd>
      <dd><a href="#">客户服务</a></dd>
    </dl>
    <dl>
      <dt>购物指南</dt>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">常见问题</a></dd>
      <dd><a href="#">客户服务</a></dd>
    </dl>
    <dl>
      <dt>购物指南</dt>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">常见问题</a></dd>
      <dd><a href="#">客户服务</a></dd>
    </dl>
    <dl>
      <dt>购物指南</dt>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">常见问题</a></dd>
      <dd><a href="#">客户服务</a></dd>
    </dl>         
    <dl>
      <dt>手机客户端</dt>
      <dd href="#">
        <img src="../images/erweima.png" alt="品优古">
      </dd>
      <dd href="#">品优购客户端</dd>  
    </dl>
  </div>
  <!-- 连接和公司地址 -->
  <div class="link-addr">
    <ul class="link">
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
      <li><a href="#">联系客服</a></li>
      <li><a href="#">商家入驻</a></li>
      <li><a href="#">营销中心</a></li>
      <li><a href="#">手机品优购</a></li>
      <li><a href="#">友情链接</a></li>
      <li><a href="#">销售联盟</a></li>
      <li><a href="#">品优购社区</a></li>
      <li><a href="#">品优购公益</a></li>
    </ul>
    <p class="addr-coyright"></p>
    地址：北京市昌平区建材城西路金燕龙办公楼一层 
    邮编：100096 电话：400-618-4000 传真：010-82935100 
    邮箱: abc.cn<br/>渝ICP备08001421号
  </div>
</div>
</footer>`
document.write(footer);